<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>hello vue</title>
    <!-- 引入vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 常见问题 -->
    <!-- 1.vue的引入没有放在在body标签之前 -->
    <!-- 2.new Vue时，Vue的V没有大写 -->
  </head>
  <body>
    <div id="app">{{msg}}</div>
  </body>
  <script>
    // 创建一个Vue实例
    var vm = new Vue({
      el: "#app", //el:element 挂在锚点为 id="app"的元素
      data: {
        //data:数据 用于存储数据
        msg: "Vue 实力创建成功!", //创建一个msg属性，值为"Vue 实例创建成功!"
      },
    });
  </script>
</html>
